import { SearchOutlined } from '@ant-design/icons';
import { Button, Table } from 'antd'; // 引入需要的组件

import Child from './components/Child';

export default function App() {

  // 列表数组
  const dataSource = [
    {
      key: '1',   // 作为列表项的key
      name: '胡彦斌',
      age: 32,
      address: '西湖区湖底公园1号',
    },
    {
      key: '2',
      name: '胡彦祖',
      age: 42,
      address: '西湖区湖底公园1号',
    },
  ];
  
  //所有列的描述信息数组
  const columns = [
    {
      title: '姓名', // 列的标题
      dataIndex: 'name', // 找哪个属性显示
    },
    {
      title: '年龄',
      dataIndex: 'age',
    },
    {
      title: '住址',
      dataIndex: 'address',
    },
  ];

  const handleClick = () => {
    alert('----')
  }
  return (
    <div>
      <Button type='primary' onClick={handleClick}>Button</Button>
      <Button type='dashed'>xxxx</Button>
      <Button icon={<SearchOutlined/>}>搜索</Button>

      <Table dataSource={dataSource} columns={columns} />;

      <Child/>
    </div>
  )
}
